<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
  <link rel="stylesheet" href="bootstrap-4.6.0-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="bootstrap-4.6.0-dist/js/jquery-3.6.0.min.js">
  <link rel="stylesheet" href="bootstrap-4.6.0-dist/js/bootstrap.min.js">
  <link rel="stylesheet" href="other/iconfont.css">
  <link rel="icon" href="http://localhost:8080/pic/apple-fill.png" type="image/x-icon">
  <!-- <script>
        var  c= ()=>{
             let c = window.document.documentElement.clientWidth;/*获取当前屏幕的宽度*/
             let w = (16*(c/375))/16>40?40+"rem":(16*(c/375))/16+"rem";
             document.documentElement.style.fontSize = w;
             console.log(w);
        };
        window.addEventListener("load",c);
        window.addEventListener("resize",c);          
     </script> -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
  <title>iPad</title>

  <style>
    body {
      background-color: #F5F5F7;
    }

    .hbg {
      background-color: #444444;
      height: 40px;
      font-size: .75rem
        /* 12/16 */
      ;
      line-height: 40px;
      color: #A2A2A4;
      /* #313132*/
    }

    .hbg1 {
      background-color: #313132;
      height: 40px;
      font-size: 12px;
    }

    .navul li a {
      color: #D6D6D6;
      text-decoration: none;
      line-height: 40px;
      transition: 0.3s;
    }

    .navul li a:hover {
      color: #fff;
    }

    .navul li {
      padding: 0 8px;

    }

    .bd1 {
      border-radius: 19px;
      width: 70px;
    }

    .text1 {
      font-size: 10px;
      font-size: .625rem
        /* 10/16 */
      ;
      margin: 0;
      color: #bf4800;
    }

    .text2 {
      font-size: .625rem
        /* 10/16 */
      ;
    }

    .wbj1 {
      margin-top: 40px;
      margin-right: 50px;
    }

    .iPadminiright {
      width: 450px;

    }

    .iPadminiright img {
      width: 100%;
    }

    .text3 {
      font-size: 3.125rem
        /* 50/16 */
      ;
      width: 200px;
      margin: auto;
    }



    .bgimage {
      height: 680px;
      background-image: url(./pic/iPad.png);
      background-size: 70%;
      background-repeat: no-repeat;

    }

    .text4 {
      margin-top: 20%;
      width: 400px;

    }

    .bg4 {
      background-image: url(./pic/iPadPro.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: -300px 0;
      height: 43.75rem
        /* 700/16 */
      ;
    }

    .bj4 {
      background-image: url(pic/iPadPro.png);
      background-repeat: no-repeat;
      background-size: cover;
      height: 43.75rem
        /* 700/16 */
      ;
    }

    /* ↑公共样式区 */

    /*992以上*/
    @media (min-width:992px) {


      .bgimage {
        height: 350px;
      }

      .text4 {
        margin-top: 10%;

        width: 200px;
      }

      .box4 {

        padding-top: 180px;

      }


    }

    /* 576以上 */
    @media (min-width:576px) {
      .navul li {
        padding: 0;
      }

      .bj4 {
        background-image: url(pic/iPadPro.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 31.25rem
          /* 500/16 */
          /* 350/16 */
          /* 700/16 */
        ;
      }

      .box4 {
        padding-left: 100px;
        padding-top: 180px;

      }

      .zdy-rightgg {
        margin-top: 20px !important;
      }

      .zdy-rightgg h2 {
        font-size: 22px !important
          /* 15/16 */
        ;
        font-weight: bold;
      }

      .zdy-rightgg p {
        font-size: 15px !important;
        ;
      }

    }


    /* 575px以下 */
    @media (max-width:575px) {

      .zdy-gg1 {
        height: 150px !important;
      }

      .navul li {
        padding: 0;
      }

      .navul li:nth-child(1) {

        text-align: center;
        width: 100%;
      }

      .iPadminiright {
        box-sizing: border-box;
        margin-top: 50px;
        width: 330px !important;
        padding-left: 85px;
      }

      .text3 {
        font-size: 45px;
        box-sizing: border-box;
        width: 100px;
        margin: auto;
      }

      .bgimage {
        height: 250px;
      }

      .text4 {
        margin-top: 20px;
        width: 150px;

      }

      .text5wb {
        font-size: .875rem
          /* 14/16 */
        ;
      }

      .bd1 {
        border-radius: 19px;
        width: 60px;
        font-size: .625rem
          /* 10/16 */
        ;

      }

      .xys3img {
        margin-top: .625rem
          /* 10/16 */
        ;
        padding-bottom: .625rem
          /* 10/16 */
        ;
        padding: 0;
        margin-left: 10px;
        padding-bottom: 1.25rem
          /* 20/16 */
        ;
      }

      .bj4 {
        background-image: url(pic/iPadPro.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 15.625rem
          /* 250/16 */
        ;
      }

      .box4tex3 {
        padding-top: .625rem
          /* 10/16 */
        ;
        font-size: 1.75rem
          /* 28/16 */
          /* 35/16 */
        ;
      }

      .box4tex4 {
        font-size: 1rem
          /* 16/16 */
        ;
        margin: 0 !important;
        padding: 0;
        padding-bottom: 5px;
      }

      .zdy-rightgg h2 {
        font-size: .9375rem
          /* 15/16 */
        ;
        font-weight: bold;
      }

      .zdy-rightgg p {
        font-size: 10px;
        ;
      }
    }


    .zdy-icard {
      height: 1200px;
    }

    .zdy-img1 {
      text-align: center;
      width: 189px;
      height: 200px;
      margin: auto;

      position: relative;

    }

    .zdy-img1 img {
      position: absolute;
      transform-origin: center;
      bottom: 0;
      right: 40px;

    }

    .zdy-color-ul li {
      width: 12px;
      height: 12px;
      background-color: brown;
      margin-right: 5px;
      border-radius: 50%;
      margin-top: 10px;
      margin-bottom: 10px;
      box-shadow: 2px 1px 1px #000 inset;
    }

    .zdy-btn-rounded {
      border-radius: 15px;
      text-align: center !important;
      background-color: #0071e3;
      border: 0;
      color: #fff;
      font-size: 18px;
      width: 80px;
      height: 30px;

    }

    .zdy-bordr {
      border-bottom: 2px solid #ddd;
    }

    .zdy-gg1 {
      width: 100%;
      margin-top: 120px;
      height: 400px;

      overflow: hidden;
    }

    .zdy-leftgg {
      padding-top: 20px;
      width: 45%;
      padding-left: 40px;
    }

    .zdy-rightgg {
      width: 40%;
      height: 200px;

      text-align: center;
    }


    .shsmpngbox {
      height: auto;
    }

    .zjdd {
      height: 470px;
    }

    .bgzjdd1 {
      background-image: url(pic/apple_pencil__ekq506kmmys2_large_2x.jpg);
      background-repeat: no-repeat;
      background-position: bottom;
      background-size: 100%;
    }

    .bgzjdd2 {
      background-image: url(pic/smart_keyboard_folio__b8j0ydqvjq2q_large.jpg);
      background-repeat: no-repeat;
      background-size: 100%;
    }

    .bgzjdd3 {
      background-image: url(pic/accessories__gdpezee1naai_large.jpg);
      background-repeat: no-repeat;
      background-position: bottom;
      background-size: 100%;
    }

    .bgzjdd4 {
      background-image: url(pic/ipad_airpods_engraving_update__c7k9a8xo7466_large.jpg);
      background-repeat: no-repeat;
      background-position: bottom;
      background-size: 100%;
    }

    .zjddtext1 {
      height: 450px;
    }

    .zdy-wy1 {
      top: 20px;
    }

    .zdy-wy2 {
      top: 230px;
    }

    .zdy-wy3 {
      top: 10px;
    }

    .zdy-bottom-xys {
      background-color: #F5F5F7;
    }

    .zdy-bottom-xys-text1 {
      font-size: 8px;
      color: #6e6e73;
      padding: 15px;
      border-bottom: 1px solid #ddd;
    }

    .breadcrumb-item+.breadcrumb-item::before {
      content: ">";

    }

    .zdy-mbx {
      background-color: #F5F5F7 !important;
      border: 0 !important;

    }

    .zdy-mbx a:hover {
      text-decoration: none;
    }

    .zdy-bottom-ultext {
      border-bottom: 1px solid #ddd;
    }

    .zdy-bottom-ultext h3 {
      font-weight: bold;
      white-space: nowrap;
      font-size: .75rem
        /* 12/16 */
      ;
    }

    .zdy-bottom-ultext ul li {
      font-size: 12px;
      padding-bottom: 10px;

    }

    .zdy-bottom-ultext ul li a {
      color: #1d1d1f;
    }

    .zdy-bottom-ultext p {
      font-size: .8125rem
        /* 13/16 */
      ;

    }

    .zdy-bottom-bq {
      font-size: 8px;
      padding: 8px 16px;
    }

    .navtext a {
      font-size: 8px;
      color: #1d1d1f !important;

    }
  </style>
</head>

<body>

  <!-- 响应式头部 -->
  <div class="container-fluid hbg">
    <div class="container  text-right ">
      <广告>
    </div>
  </div>
  <!-- 响应式nav -->
  <div class="container-fluid hbg1">
    <div class="container text-center ">
      <ul
        class="list-unstyled navul d-flex justify-content-md-between  justify-content-sm-center justify-content-lg-between">
        <li><a href="index.html"><i class="iconfont icon-pingguo text-center"></i></a></li>
        <li><a href="store.html" class="d-none d-md-block">商店</a></li>
        <li><a href="#" class="d-none d-md-block">Mac</a></li>
        <li><a href="iPad.html" class="d-none d-md-block">iPad</a></li>
        <li><a href="#" class="d-none d-md-block">iPhone</a></li>
        <li><a href="#" class="d-none d-md-block">Watch</a></li>
        <li><a href="#" class="d-none d-md-block">Music</a></li>
        <li><a href="#" class="d-none d-md-block">技术支持</a></li>
        <li><a href="#" class="d-none d-md-block"><i class="bi bi-search"></i></a></li>
        <li><a href="login.html" class="d-none d-md-block"><i class="bi bi-bag"></i></a></li>
      </ul>
    </div>
  </div>

  <!-- 响应式内容1 -->
  <div class="container-fluid bg-white ">
    <!-- 左边内容 -->
    <div class="container d-lg-flex d-md-flex d-sm-block justify-content-lg-center justify-content-md-center  pt-5">
      <div class="iPadminileft text-center wbj1 m-auto pl-lg-5">
        <p class="text1 mb-2 mt-2">新款</p>
        <p class="text-dark font-weight-light text3 box4text4">iPad mini</p>
        <p class="h5 font-weight-bold">小写的大</p>
        <p class="h6 font-weight-bold mt-4 mb-3">RMB 3799 起</p>
        <div class="mb-2">
          <button class="btn btn-primary bd1 font-weight-light btn-sm ">购买</button>
        </div>
        <a href="#" class="text2">进一步购买<i class="bi bi-chevron-right"></i></a>
      </div>
      <!-- 右边内容 -->
      <div class="iPadminiright mt-sm-5">
        <img src="pic/iPadmini.png" alt="">
      </div>
    </div>
  </div>

  <!-- 响应式内容2 -->
  <div class="container-fluidtai bg-white mt-3 ">
    <div class="container bgimage clearfix">
      <div class="text4 text-center float-right ml-md-5">
        <p class="text1 mb-lg-2 mt-lg-2 mb-sm-0 mb-sm-0">新款</p>
        <p class="text-dark font-weight-light text3">iPad</p>
        <p class="h5 font-weight-bold text5wb">特有本事特超值</p>
        <p class="h6 font-weight-bold mt-lg-4 mb-lg-3  mt-sm-0 mb-sm-0 text5wb">RMB 2499 起</p>
        <div class="mb-2">
          <button class="btn btn-primary bd1 font-weight-light btn-sm">购买</button>
        </div>
        <a href="#" class="text2">进一步购买<i class="bi bi-chevron-right"></i></a>
      </div>
    </div>
  </div>

  <!-- 响应式内容3 -->
  <div class="container-fluid bg-white mt-3">
    <!-- 左边内容 -->
    <div class="container d-lg-flex d-md-flex d-sm-block justify-content-lg-center justify-content-md-center  pt-5">
      <div class="iPadminileft text-center wbj1 m-auto pl-lg-5">
        <p class="text1 mb-2 mt-2">新款</p>
        <p class="text-dark font-weight-light text3">iPad Air</p>
        <p class="h5 font-weight-bold">凭实力出彩</p>
        <p class="h6 font-weight-bold mt-4 mb-3">RMB 4799 起</p>
        <div class="mb-2">
          <button class="btn btn-primary bd1 font-weight-light btn-sm ">购买</button>
        </div>
        <a href="#" class="text2">进一步购买<i class="bi bi-chevron-right"></i></a>
      </div>
      <!-- 右边内容 -->
      <div class="iPadminiright mt-sm-3 xys3img pb-lg-3 pb-md-3 ">
        <img src="pic/iPadAir.png" alt="">
      </div>
    </div>
  </div>


  <!-- 响应式内容4 -->
  <div class="container-fluid bg-white mt-3">
    <div class="container   bj4">
      <div class="iPadminileft text-center wbj1 m-auto pl-lg-5 box4">
        <p class="text-dark font-weight-light text3 box4tex3">iPad Pro</p>
        <p class="h5 font-weight-bold">终极 iPad 体验</p>
        <p class="h6 font-weight-bold mt-4 mb-3 mt-sm-1 mb-sm-1 box4tex4">RMB 6199 起</p>
        <div class="mb-2">
          <button class="btn btn-primary bd1 font-weight-light btn-sm ">购买</button>
        </div>
        <a href="#" class="text2">进一步购买<i class="bi bi-chevron-right"></i></a>
      </div>
    </div>
  </div>


  <!-- 规格内容 -->
  <div class="zdy-shniPad mt-4">
    <div class="container">
      <h1>看看哪款 iPad 适合你。</h1>
    </div>
    <!-- 左 -->
    <div class="container mt-5">
      <div class="row">
        <div class="col-lg-3 col-6 zdy-icard ">
          <!-- 长条内容 -->
          <div class="zdy-block1">
            <div class="zdy-img1 pt-2  ">
              <img src="./pic/compare_ipad_pro__erf9x8mw04sy_large.png" alt="" width="60%">
            </div>
            <div class="zdy-color">
              <ul class="list-unstyled zdy-color-ul d-flex w-100 justify-content-center">
                <li class="bg-secondary"></li>
                <li class="bg-danger"></li>
              </ul>
              <h2 class="text-center m-0">iPad Pro</h2>
              <p class="text-center mt-2 zdy-color mb-0">终极 iPad 体验</p>
              <p class="text-center mt-2">RMB 6199起</p>
              <div class="zdy-btn-box  text-center">
                <button class="zdy-btn-rounded ">购买</button>
                <div class="mt-2 w-100 zdy-bordr pb-3">
                  <a href="#">进一步了解<i class="bi bi-chevron-right"></i></a>
                </div>
                <div class="zdy-gg w-100">
                  <h2 class="text-center mt-3">10.2 英寸</h2>
                  <p class="text-center mt-0 mb-4">视网膜显示屏</p>
                  <div class="w-100">
                    <img src="pic/compare_a13_chip__f2yibwat6sya_large.png" alt="" class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">A13 仿生芯片</p>
                    <img src="pic/compare_lightning__drp7mpo3oyie_large.png" alt="" class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">USB-C 接口
                      支持雷雳 / USB 4</p>
                    <img src="pic/compare_cellular_4g__emz9l1sj4yye_large.png" alt=""
                      class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">5G 蜂窝网络<sup>2</sup></p>
                    <img src="pic/compare_pencil__2ii95qsgy0y6_large.png" alt="" class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">支持 Apple Pencil
                      (第二代)</p>
                    <img src="pic/compare_smart_keyboard__gh56kiymgfam_large.png" alt=""
                      class="text-center mt-0 mb-2 w-10">
                    <p class="mb-0">支持妙控键盘和</p>
                    <p class="m-0">键盘式智能双面夹</p>

                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-6 zdy-icard ">
          <div class="zdy-block1">
            <div class="zdy-img1 pt-2">
              <img src="./pic/compare_ipad_air__bxjv33pk6nte_large.png" alt="" width="60%">
            </div>
            <div class="zdy-color">
              <ul class="list-unstyled zdy-color-ul d-flex w-100 justify-content-center">
                <li class="bg-secondary"></li>
                <li class="bg-danger"></li>
                <li class="bg-info"></li>
                <li class="bg-dark"></li>
              </ul>
              <h2 class="text-center m-0">iPad Air</h2>
              <p class="text-center mt-2 zdy-color mb-0">凭实力出彩</p>
              <p class="text-center mt-2">RMB 4799起</p>
              <div class="zdy-btn-box  text-center">
                <button class="zdy-btn-rounded ">购买</button>
                <div class="mt-2 w-100 zdy-bordr pb-3">
                  <a href="#">进一步了解<i class="bi bi-chevron-right"></i></a>
                </div>
                <div class="zdy-gg w-100">
                  <h2 class="text-center mt-3">10.9 英寸</h2>
                  <p class="text-center mt-0 mb-4">视网膜显示屏</p>
                  <div class="w-100">
                    <img src="pic/compare_a13_chip__f2yibwat6sya_large.png" alt="" class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">A13 仿生芯片</p>
                    <img src="pic/compare_lightning__drp7mpo3oyie_large.png" alt="" class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">USB-C 接口
                      支持雷雳 / USB 4</p>
                    <img src="pic/compare_cellular_4g__emz9l1sj4yye_large.png" alt=""
                      class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">5G 蜂窝网络<sup>2</sup></p>
                    <img src="pic/compare_pencil__2ii95qsgy0y6_large.png" alt="" class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">支持 Apple Pencil
                      (第二代)</p>
                    <img src="pic/compare_smart_keyboard__gh56kiymgfam_large.png" alt=""
                      class="text-center mt-0 mb-2 w-10">
                    <p class="mb-0">支持妙控键盘和</p>
                    <p class="m-0">键盘式智能双面夹</p>

                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-6 zdy-icard ">
          <div class="zdy-block1">
            <div class="zdy-img1 pt-2 ">
              <img src="./pic/compare_ipad_10_2__fwgwy7jydtea_large.png" alt="" width="60%">
            </div>
            <div class="zdy-color">
              <ul class="list-unstyled zdy-color-ul d-flex w-100 justify-content-center">
                <li class="bg-secondary"></li>
                <li class="bg-danger"></li>
              </ul>
              <h2 class="text-center m-0">iPad</h2>
              <p class="text-center mt-2 zdy-color mb-0">特有本事特超值</p>
              <p class="text-center mt-2">RMB 2499 起</p>
              <div class="zdy-btn-box  text-center">
                <button class="zdy-btn-rounded ">购买</button>
                <div class="mt-2 w-100 zdy-bordr pb-3">
                  <a href="#">进一步了解<i class="bi bi-chevron-right"></i></a>
                </div>
                <div class="zdy-gg w-100">
                  <h2 class="text-center mt-3">10.2 英寸</h2>
                  <p class="text-center mt-0 mb-4">视网膜显示屏</p>
                  <div class="w-100">
                    <img src="pic/compare_a13_chip__f2yibwat6sya_large.png" alt="" class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">A13 仿生芯片</p>
                    <img src="pic/compare_lightning__drp7mpo3oyie_large.png" alt="" class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">USB-C 接口
                      支持雷雳 / USB 4</p>
                    <img src="pic/compare_cellular_4g__emz9l1sj4yye_large.png" alt=""
                      class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">5G 蜂窝网络<sup>2</sup></p>
                    <img src="pic/compare_pencil__2ii95qsgy0y6_large.png" alt="" class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">支持 Apple Pencil
                      (第二代)</p>
                    <img src="pic/compare_smart_keyboard__gh56kiymgfam_large.png" alt=""
                      class="text-center mt-0 mb-2 w-10">
                    <p class="mb-0">支持妙控键盘和</p>
                    <p class="m-0">键盘式智能双面夹</p>

                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-6 zdy-icard">
          <div class="zdy-block1">
            <div class="zdy-img1 pt-2">
              <img src="./pic/compare_ipad_mini__czcsk9ukpeie_large.png" alt="" width="60%">
            </div>
            <div class="zdy-color">
              <ul class="list-unstyled zdy-color-ul d-flex w-100 justify-content-center">
                <li class="bg-secondary"></li>
                <li class="bg-danger"></li>
              </ul>
              <h2 class="text-center m-0">iPad mini</h2>
              <p class="text-center mt-2 zdy-color mb-0">小写的大</p>
              <p class="text-center mt-2">RMB 3799 起</p>
              <div class="zdy-btn-box  text-center">
                <button class="zdy-btn-rounded ">购买</button>
                <div class="mt-2 w-100 zdy-bordr pb-3">
                  <a href="#">进一步了解<i class="bi bi-chevron-right"></i></a>
                </div>
                <div class="zdy-gg w-100">
                  <h2 class="text-center mt-3">8.3 英寸</h2>
                  <p class="text-center mt-0 mb-4">Liquid 视网膜显示屏<sup>1</sup></p>
                  <div class="w-100">
                    <img src="pic/compare_a13_chip__f2yibwat6sya_large.png" alt="" class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">A13 仿生芯片</p>
                    <img src="pic/compare_lightning__drp7mpo3oyie_large.png" alt="" class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">USB-C 接口
                      支持雷雳 / USB 4</p>
                    <img src="pic/compare_cellular_4g__emz9l1sj4yye_large.png" alt=""
                      class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">5G 蜂窝网络<sup>2</sup></p>
                    <img src="pic/compare_pencil__2ii95qsgy0y6_large.png" alt="" class="text-center mt-0 mb-2 w-10">
                    <p class="mb-5">支持 Apple Pencil
                      (第二代)</p>
                    <img src="pic/compare_smart_keyboard__gh56kiymgfam_large.png" alt=""
                      class="text-center mt-0 mb-2 w-10">
                    <p class="mb-0">支持妙控键盘和</p>
                    <p class="m-0">键盘式智能双面夹</p>

                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 底部链接 -->
    <div class="zdy-dblj mb-3">
      <div class="container text-center h5">
        <a href="#" class="mr-5">进一步了解<i class="bi bi-chevron-right"></i></a>
        <a href="#">选购iPad<i class="bi bi-chevron-right"></i></a>
      </div>
    </div>
  </div>

  <!-- 背景图加文字广告 -->
  <div class="zdy-gg1">
    <div class="container bg-white d-flex">
      <div class="zdy-leftgg">
        <img src="pic/iPadbg.png" alt="" class="w-100">
      </div>
      <div class="zdy-rightgg mt-1 ml-2 mt-sm-1 ml-sm-3 ">
        <h2 class="bhwb">用你现有的 iPad 来换购，享受折抵优惠。</h2>
        <p>通过 Apple Trade In 换购计划，你可以用符合条件的 iPad 来换购，享受折抵优惠。这样一来，你受益，地球也受益<sup>3</sup> 。</p>
      </div>
    </div>
  </div>

  <!-- 免费送货上门 -->
  <div class="zdy-shsm">
    <div class="container">
      <div class="zdy-shsm-box pt-4 pb-4">
        <div class="row">
          <div class="col-lg-4 col-sm-4 col-4 text-center">
            <div class="w-25 shsmpngbox  m-auto">
              <img src="pic/icon_delivery__bs8f0g1fv0eu_large_2x.png" alt="" class="w-100">
            </div>
            <h3 class="mt-3">免费送货</h3>
            <p>享受送货上门服务，或前往 Apple Store 零售店提取现货。</p>
            <a href="#">进一步了解<i class="bi bi-chevron-right"></i></a>
          </div>
          <div class="col-lg-4 col-sm-4 col-4 text-center">
            <div class="w-25 shsmpngbox m-auto">
              <img src="pic/icon_engraving__cv9oecgi9r0i_large_2x.png" alt="" class="w-100">
            </div>
            <h3 class="mt-3">分期付款</h3>
            <p>符合条件的信用卡用户
              可选择灵活的分期付款方式。</p>
            <a href="#">进一步了解<i class="bi bi-chevron-right"></i></a>
          </div>
          <div class="col-lg-4 col-sm-4 col-4 text-center">
            <div class="w-25 shsmpngbox  m-auto">
              <img src="pic/icon_financing__d22nz1xp0tyu_large_2x.png" alt="" class="w-100">
            </div>
            <h3 class="mt-3">个性化镌刻服务</h3>
            <p>无论是你的名字，还是你想说的话，都能免费帮你刻在 iPad 上。Apple 独家福利。</p>
            <a href="#">进一步了解<i class="bi bi-chevron-right"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="zdy-iPadzjdd">
    <div class="container">
      <div class="zjddbox">
        <h1 class="text-center  p-5">iPad 绝妙搭档</h1>
        <!-- 第一行内容 -->
        <div class="row bgzjdd">
          <div class="col-md-6  col-12 zjdd  position-relative ">
            <div class="zjddtext1 w-100  text-center  bgzjdd1 bg-white">
              <div class="position-relative  zdy-wy1">
                <h1>Apple Pencil</h1>
                <p class="mt-3">款款键盘，保护面面俱到。</p>
                <a href="#" class="mr-4">进一步了解<i class="bi bi-chevron-right"></i></a>
                <a href="#">选购<i class="bi bi-chevron-right"></i></a>
              </div>
            </div>
          </div>
          <div class="col-md-6  col-12 zjdd  position-relative ">
            <div class="zjddtext1 w-100  text-center  bg-white bgzjdd2 ">
              <div class="position-relative pt-5  zdy-wy2">
                <h1>适用于 iPad 的键盘</h1>
                <p class="mt-3">款款键盘，保护面面俱到</p>
                <a href="#" class="mr-4">进一步了解<i class="bi bi-chevron-right"></i></a>
                <a href="#">选购<i class="bi bi-chevron-right"></i></a>
              </div>
            </div>
          </div>
        </div>
        <!-- 第二行内容 -->
        <div class="row bgzjdd">
          <div class="col-md-6  col-12 zjdd  position-relative ">
            <div class="zjddtext1 w-100  text-center  bgzjdd3 bg-white">
              <div class="position-relative  zdy-wy1">
                <h1>配件</h1>
                <p class="mt-3 m-0">来看看各种保护盖、保护壳以及更多配件</p>
                <p class="">帮助你尽情发挥 iPad 的精彩。</p>
                <a href="#">选购 iPad 配件<i class="bi bi-chevron-right"></i></a>
              </div>
            </div>
          </div>
          <div class="col-md-6  col-12 zjdd  position-relative ">
            <div class="zjddtext1 w-100  text-center  bg-white bgzjdd4 ">
              <div class="position-relative pt-2  zdy-wy3">
                <h2>特别的一刻，
                  只属于你。</h2>
                <p class="mt-3 m-0">AirPods 的镌刻又有新玩法，</p>
                <p class="m-0">文字、数字和表情符号现在能混搭，</p>
                <p>来试试吧。</p>
                <a href="#">进一步了解<i class="bi bi-chevron-right"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>

  <!-- 响应式底部 -->
  <div class="zdy-bottom-xys">
    <div class="container">
      <div class="zdy-bottom-xys-text1">
        <ol>
          <li class="mb-2">显示屏采用圆角设计。视为矩形以对角线测量时，12.9 英寸 iPad Pro 的屏幕为 12.9 英寸，11 英寸 iPad Pro 的屏幕为 11 英寸，iPad Air (第四代)
            的屏幕为 10.86 英寸，iPad mini (第六代) 的屏幕为 8.3 英寸。实际可视区域较小。</li>
          <li class="mb-2">需要使用数据计划。5G、千兆 LTE、千兆级 LTE、4G LTE Advanced 和 4G LTE
            功能适用于特定国家或地区的特定运营商。速度依据理论上的数据吞吐量，并基于现场状况和不同运营商而可能有所差异。有关 5G 和 LTE 支持的详情，请联系你的运营商并查看
            apple.com.cn/ipad/cellular/networks。</li>
          <li class="mb-2">实际折抵金额取决于设备的状况、配置，以及发售国家或地区。在线换购和店内换购的折抵金额可能有所不同。年满 18 周岁及以上者才可参与本计划。该服务可能仅在部分 Apple Store
            零售店提供，并且仅限于部分符合条件的设备。Apple 或其折抵服务合作伙伴保留出于任何原因拒绝或限制任何设备 (及其数量) 的权利。店内折抵需出示政府颁发并附有照片的有效身份证件
            (当地法律可能会要求存储该信息)。现有设备的折抵金额可用于冲抵购买新的 Apple 设备。可能需要遵守 Apple 或 Apple 折抵服务合作伙伴的其他条款。详情请参阅 apple.com.cn/trade-in。
          </li>
          <li>免费试用期结束后，每月收费 RMB 10。无需合约。当试用期结束后，会员方案将自动续订，直至取消订阅。</li>
        </ol>
        <p class="pl-4 mb-2">iCloud 在中国内地由云上贵州 (云上艾珀 (贵州) 技术有限公司) 运营。</p>
      </div>
      <div class="breadcrumb zdy-mbx ml-4">
        <a href="#" class="breadcrumb-item text-dark"><i class="iconfont icon-apple-fill"></i></a>
        <a href="#" class="breadcrumb-item text-dark">iPad</i></a>
      </div>
      <div class="zdy-bottom-ultext pl-4">
        <div class="row">
          <div class="col-2 ">
            <h3>选购了解</h3>
            <ul class="list-unstyled">
              <li><a href="#">Mac</a></li>
              <li><a href="#">iPad</a></li>
              <li><a href="#">iPhone</a></li>
              <li><a href="#">Watch</a></li>
              <li><a href="#">Music</a></li>
              <li><a href="#">AirPods</a></li>
              <li><a href="#">HomePod mini</a></li>
              <li><a href="#">iPod touch</a></li>
              <li><a href="#">AirTag</a></li>
              <li><a href="#">配件</a></li>
              <li><a href="#">App Store</a></li>
            </ul>
          </div>
          <div class="col-2">
            <h3>服务</h3>
            <ul class="list-unstyled">
              <li><a href="#">Apple Music</a></li>
              <li><a href="#">iCloud</a></li>
              <li><a href="#">Apple Pay</a></li>
              <li><a href="#">Apple 博客</a></li>
              <li><a href="#">Apple Stroe</a></li>
            </ul>
            <h3>账户</h3>
            <ul class="list-unstyled">
              <li><a href="#">管理你的Apple ID</a></li>
              <li><a href="#">Apple Store 账户</a></li>
              <li><a href="#">iCloud.com</a></li>
            </ul>
          </div>

          <div class="col-2">
            <h3>Apple Store 商店</h3>
            <ul class="list-unstyled">
              <li><a href="#">查找零售店</a></li>
              <li><a href="#">在线选购</a></li>
              <li><a href="#">Genius Bar 天才吧</a></li>
              <li><a href="#">Today at Apple</a></li>
              <li><a href="#">Apple 夏令营</a></li>
              <li><a href="#">Apple Store App</a></li>
              <li><a href="#">翻新和优惠</a></li>
              <li><a href="#">Apple Trade In 换购计划</a></li>
              <li><a href="#">订单状态</a></li>
              <li><a href="#">选购帮助</a></li>
            </ul>
          </div>

          <div class="col-2">
            <h3>商务应用</h3>
            <ul class="list-unstyled">
              <li><a href="#">Apple 与商务</a></li>
              <li><a href="#">商务选购</a></li>
            </ul>
            <ul class="list-unstyled">
              <h3>教育应用</h3>
              <li><a href="#">Apple 与教育</a></li>
              <li><a href="#">高校生选购</a></li>
            </ul>
          </div>
          <div class="col-2 ">
            <ul class="list-unstyled">
              <h3>Apple 价值观</h3>
              <li><a href="#">辅助功能</a></li>
              <li><a href="#">环境责任</a></li>
              <li><a href="#">隐私</a></li>
              <li><a href="#">供应商责任</a></li>
            </ul>
          </div>
          <p class=" pl-0">更多选购方式：<a href="#">查找你附近的 Apple Store 零售店</a> 及更多<a href="#">门店</a> ，或者致电 400-666-8800。</p>
        </div>
      </div>
      <div class="d-flex">
        <p class="zdy-bottom-bq">Copyright © 2021 Apple Inc. 保留所有权利。</p>
        <div class="nav navtext">
          <div class="nav-item">
            <a href="#" class="nav-link">隐私策略</a>
          </div>
          <div class="nav-item">
            <a href="#" class="nav-link">使用条款</a>
          </div>
          <div class="nav-item">
            <a href="#" class="nav-link">销售政策</a>
          </div>
          <div class="nav-item">
            <a href="#" class="nav-link">法律信息</a>
          </div>
          <div class="nav-item">
            <a href="#" class="nav-link">网站地图</a>
          </div>
        </div>
      </div>


    </div>

  </div>

</body>

</html>